/**
 * =============================================================================
 * 通用
 * =============================================================================
 */

body {
    padding: 0;
    margin: 0;
}

/* 页面全高 */
html, body, #app, #app > .el-container {
    height: 100%;
}

/* 页头 */
.app-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
    font-size: 1.25rem;
}

/* 菜单按钮 */
.app-header .button-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 20px;
    line-height: 1;
}

/**
 * =============================================================================
 * 主页面
 * =============================================================================
 */

/* 页面主体 */
.page-main .el-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 结果显示 */

.result {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 128px 32px;
    border-radius: 4px;
    background-color: #F5F7FA;
    transition: all 10ms;
}

/* 提示文本 */
.result .text-tip {
    color: #a8abb2;
}

/* 大文本 */
.result .text-large {
    font-size: 2rem;
}

/* 主按钮 */
.main-button .el-button {
    height: 64px;
    width: 100%;
    font-size: 1rem;
}


/**
 * =============================================================================
 * 设置页面
 * =============================================================================
 */

.page-setting .options th {
    padding-bottom: 8px;
}

.page-setting .options .button-delete {
    margin-left: 8px;
}

.page-setting .button-add {
    width: 100%;
    margin-top: 16px;
}
